<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /**
         * Promise是异步编程的一种解决方案
         */ 
        // 1.先获取用户信息
        $.ajax({
            type:'get',
            url:'getUser',
            dataType:'json',
            success:function(data){
                // 2.再获取城市信息
                $.ajax({
                    type:'get',
                    url:'getCity',
                    dataType:'json',
                    success:function(data){
                        // 3.再获取工作信息
                        $.ajax({
                            type:'get',
                            url:'getJob',
                            dataType:'json',
                            success:function(data){
                                console.log(data)
                            }
                        })
                    }
                })
            },
        })

        /**
         * 用法
         */ 
        var p = new Promise(function(resolve,reject){
            // 1.先获取用户信息
            $.ajax({
                type:'get',
                url:'getUser',
                dataType:'json',
                success:function(data){
                    if(data.status == 200){
                        resolve(data.result)
                    }else{
                        reject(data)
                    }
                },
            })
        })

        p.then(function(result){
            // 2.再获取城市信息
            $.ajax({
                type:'get',
                url:'getCity',
                dataType:'json',
                success:function(data){
                    // 3.再获取工作信息
                    $.ajax({
                        type:'get',
                        url:'getJob',
                        dataType:'json',
                        success:function(data){
                            console.log(data)
                        }
                    })
                }
            })
        }).then(
            
        )



    </script>
</head>
<body>
    
</body>
</html>